@use "@/assets/styles/mixin";
//跟进
.followup-drawer {
  :deep(.el-drawer) {
    width: 900px !important;
    border-radius: 20px 0 0 20px;
  }
  :deep(.el-drawer__body) {
    @include mixin.flex-column;
    padding: 0;
  }

  &__header{
    @include mixin.flex-between;
    padding: 27px 20px 14px;
    :deep(.svg-icon){
      cursor: pointer;
    }
  }
  &__body{
    @include mixin.flex;
    flex: 1;
    overflow-y: hidden;
    border-top: 1px solid rgba(194,212,232,0.5);
    .body-form,
    .body-record {
      height: 100%;
      overflow-y: auto;
      padding: 24px 20px;
      box-sizing: border-box;
    }
    .body-form{
      @include mixin.flex-column;
      width: 45%;
      border-right: 1px solid #dcdfe6;
      :deep(.el-form){
        flex: 1;
      }
      &__switch{
        @include mixin.flex-center(space-between);
        margin:17px 0 21px;
        &__label{
          margin-right: 10px;
          font-size: 14px;
          color: #4E5969;
          line-height: 22px;
        }
      }
      .upload-tip{
        margin-top: 4px;
        font-size: 12px;
        color: #86909C;
        line-height: 22px;
      }
      &__buttons{
        @include mixin.flex-center;
        :deep(.el-button){
          width: 92px;
          border: 0 !important;
        }
        .buttons-cancel{
          background-color: #f2f3f5
        }
      }
    }
    .body-record{
      width: 55%;
      position: relative;
      overflow-y: auto;
    }
  }}

:deep(.el-date-editor){
  width: 100% !important;
}
:deep(.el-select__wrapper),
:deep(.el-textarea__inner),
:deep(.el-input__wrapper){
  box-shadow: none !important;
  background-color: #f2f3f5 !important;
}

